Normalize

Par défaut, tous les navigateurs appliquent du CSS aux éléments de base. Seulement d'un navigateur à l'autre ces styles ne sont pas forcément tout à fait les mêmes, ce qui peut amener à des problèmes si on le prend pas en compte. Pour régler ce problème, on peut utiliser une petite bibliothèque CSS appelée "Normalize" qui permet de "reset" tous ces styles pour les mettre à l'identique sur tous les navigateurs.

Inclure Normalize en local

Pour inclure Normalize en local, il suffit de télécharger normalize.css sur le site de normalize : https://necolas.github.io/normalize.css/

Il ne reste plus qu'à le mettre dans votre site web et à l'inclure avant tout autre fichier CSS dans votre page web :

            

                <head>
                    <!-- Inclusion de normalize.css -->
                    <link rel="stylesheet" href="css/normalize.css">
                    <!-- Inclusions en dessous de vos autres fichiers CSS -->
                    <!-- ... -->
                </head>

            
        

Inclure Normalize en ligne (CDN)

Pour inclure normalize depuis un CDN (Content Delivery Network, c'est-à-dire un site fait exprès pour héberger ce genre de bibliothèque), il suffit de le faire dans le head avant tout autre fichier CSS dans votre page web :

            

                <head>
                    <!-- Inclusion de normalize.css -->
                    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
                    <!-- Inclusions en dessous de vos autres fichiers CSS -->
                    <!-- ... -->
                </head>